<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
        .radio-inline input[type=radio] {
            margin-top: 4px
        }
    </style>
</head>

<body style="color:#333;padding:3px;" class="x_sorll" >
    <!-- 标题 -->
    <div class="page-heade">
          <h2 class="title_color text-center">常规促销申请明细</h2>
    </div>
    <!-- 标题 -->
    <form class="form-inline">
        <table class="table-bordered table text-left" border="1">
            <tr>
                <td><label for="" class="form-label">主题<span class="colorRed">*</span>：</label></td>
                <td><input type="text" class="form-control" name="theme" id="theme"></td>
            </tr>
            <tr>
                <td><label for="" class="form-label">经销商<span class="colorRed">*</span>：</label></td>
                <td><input type="text" class="form-control" name=""><a href="javascript:;" rol="button">选择</a></td>
            </tr>
            <tr style="display: none">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            </tr>
            <tr>
                <td><label for="" class="form-label">归档提醒：</label></td>
                <td>
                      <label>
                         <input type="checkbox" name="">(温馨提示：若设置归档提醒，则该申请归档后系统会自动发送邮件及弹框提醒您。)
                     </label>
                </td>
            </tr>
        </table>
      <div class="contact-box">
            <button class="btn btn-success" type="button" id="addData">添加数据</button>
            (至少添加一条费用明细) <span class="colorRed">温馨提示：1）一个活动不要分开申请，否则会影响该活动的ROI;2)多个活动不要放在同一个申请中申请，否则会影响后续的反馈，核销。谢谢！</span>
      </div>
    </form>
    <div class="row no-padding">
        <table class="table row-margin-top table-bordered text-center bud_hei">
        <tr class="info">
            <td style="min-width: 240px;width: 240px" colspan="2" rowspan="2">
                <button class="btn btn-info">全选</button>
                <button class="btn btn-success">反选</button>
                <button class="btn btn-danger">批量删除</button>
            </td>
            <td style="min-width:80px" rowspan="2">No.</td>
            <td style="min-width:120px" rowspan="2">明细编号</td>
            <td rowspan="2" style="min-width: 100px">系统名称</td>
            <td rowspan="2" style="min-width: 100px">负责人</td>
            <td rowspan="2" style="min-width: 100px">网点名称</td>
            <td rowspan="2" style="min-width: 100px">产品系列</td>
            <td style="min-width: 100px">促销产品</td>
            <td style="min-width: 100px" rowspan="2">促销执行时间</td>
            <td style="min-width: 100px" rowspan="2">预计核销时间</td>
             <td colspan="2">预计销售量</td>
             <td style="min-width: 150px" rowspan="2">需补差销售量</td>
             <td colspan="12">折价幅度</td>
             <td colspan="7">三级费用科目</td>
            <td style="min-width: 100px" rowspan="2">费用支付方式</td>
            <td style="min-width: 100px" rowspan="2">费用小计</td>
            <td style="min-width: 100px" rowspan="2">预计费用率</td>
            <td style="min-width: 100px" rowspan="2">基准销量</td>
            <td style="min-width: 100px" rowspan="2">预计ROI</td>
            <td style="min-width: 100px" rowspan="2">备注</td>
            <td style="min-width: 100px" rowspan="2">费用计入部门</td>
            <td style="min-width: 100px" rowspan="2">费用计入方案</td>
        </tr>
         <tr class="info">
            <td style="min-width: 100px">单品</td>
            <td style="min-width: 100px">数量</td>
            <td style="min-width: 100px">销售额</td>
            <td style="min-width: 100px">标准出厂价</td>
            <td style="min-width: 100px">经销商原供货价</td>
            <td style="min-width: 100px">经销商现供货价</td>
            <td style="min-width: 100px">经销商折价幅度</td>
            <td style="min-width: 150px">经销商总折价金额(元)</td>
            <td style="min-width: 130px">网点正常供货价</td>
            <td style="min-width: 150px">网点折价率</td>
            <td style="min-width: 100px">网点促销供货价</td>
            <td style="min-width: 100px">网点折价幅度</td>
            <td style="min-width: 100px">网点总折价金额(元)</td>
            <td style="min-width: 100px">原零售价</td>
            <td style="min-width: 100px">活动期零售价</td>
            <td style="min-width: 100px">费用名称</td>
            <td style="min-width: 100px">未税费用金额(元)</td>
            <td style="min-width: 100px">是否增值税(可抵扣)</td>
            <td style="min-width: 100px">税率</td>
            <td style="min-width: 100px">含税费用金额(元)</td>
            <td style="min-width: 100px">实际投入费用(元)</td>
            <td style="min-width: 100px">费用描述</td>
        </tr>
         <tr class="trTotal">
           <td style="min-width: 240px;width: 240px" colspan="2">
                <button class="btn btn-info">全选</button>
                <button class="btn btn-success">反选</button>
                <button class="btn btn-danger">批量删除</button>
            </td>
            <td colspan="5" class="text-right">合计</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right font-bold">0.00</td>
            <td class="text-right font-bold">0.00</td>
           <td class="text-right font-bold">0.00</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
             <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right">0.00</td>
             <td>&nbsp;</td>
            <td>&nbsp;</td>
             <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right">0.00</td>
              <td>&nbsp;</td>
             <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right">0.00</td>
              <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right">0.00</td>
            <td class="text-right">0.00</td>
              <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="text-right">0.00</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="3">&nbsp;</td>
        </tr>
        </table>
        <div class="form-group white-bg" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile1">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
      </div>
      <div class="row text-center no-padding">
            <button class="btn btn-primary">保存为草稿</button>
            <button class="btn btn-warning">保存并提交流程</button>
            <button class="btn btn-info" type="button" onclick="back()">返回</button>
      </div>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        function back(){
            history.go(-1)
        }
        $(document).ready(function(){
            $("#addData").click(function(){
                  if(  $("#theme").val()==""){
                    sweetAlert("", "主题不能为空！","error");
              }else{
                return false
              }
          })
        })
    </script>
</body>

</html>